<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0"/>
    <title>500 | Server Error</title>
    <style>
        #error {
            position: absolute;
            top: 40%;
            left: 50%;
        }

        #error div {
            position: relative;
            transform: translate(-50%, -50%);
        }

        #p-1 {
            text-align: center;
            font-size: 42px;
        }

        #p-2 {
            text-align: center;
            font-size: 32px;
            font-family: "BERNIER Regular",serif;
        }

        #p-3 {
            text-align: center;
            font-size: 24px;
            font-family: "Book Antiqua",serif ;
        }

    </style>
</head>
<body>
<div id="error">
    <div>
        <p id="p-1">5 0 0</p>
        <p id="p-2">Server Error</p>
        <p id="p-3">There was some errors in server</p>
    </div>
</div>
</body>
</html>